//引入重置样式和公共样式
@import"../../assets/css/reset.css";
@import"../../assets/css/common.css";
body{
    display: flex;
    flex-direction: column;
    header{
        display: flex;
        justify-content: space-between;
        height: 70px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        line-height: 70px;
        background-color: rgb(102, 200, 146);
        position: absolute;
        z-index: 50;
        a{
            color: #fff;
        }
        .register{
            background-color: rgb(237, 81, 10);
            border: none;
            height: 30px;
            width: 70px;
            margin-left: 10px;
            border-radius: 15px;
        }
        .login{
            background-color: #fff;
            border: 1px solid #ccc;
        }
        .img{
            height: 100%;
            .logo{
                position: absolute;
                top: 50%;
                transform: translateY(-25%);
                // padding-bottom: 15px;
            }
        }

    }
    // 主体main
    main{
        .swiper {
            width: 100%;
            height: 680px;
            .swiper-wrapper .bg1{
                background-image: url("../../assets/imgs/banner1.png");
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }
            .swiper-wrapper .bg2{
                background-image: url("../../assets/imgs/banner2.png");
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }
            .swiper-wrapper .bg3{
                background-image: url("../../assets/imgs/banner3.png");
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }
        } 
    }
   
}